<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
<title></title>
{include file="common/pub_style" /}
<style type="text/css">
.main-body {
	background-repeat: no-repeat;
	background-size: cover;
}

.register-main {
	margin-top: 40px;
}

.account-box {
	border: 1px solid #fff9;
	border-radius: 50px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.input-container {
	margin-left: 10px;
	border-bottom: 0.01rem solid #dadada;
}

.input-container .icon {
	width: 18px;
}

.input-text {
	border: 0px;
	padding: 5px;
	background: none;
}

.text-reg {
	text-transform: uppercase;
	font-weight: 500
}
</style>
<script type="text/javascript">
	function fleshVerify() {
		var time = new Date().getTime();
		document.getElementById('verifyImg').src = "{:url('captcha',array('time'=>time()))}";
	}
	$(document).ready(function() {
		var phone_mob = '';
		var pwd = '';
		$(".login-btn").click(function() {
			phone_mob = $("input[name='phone_mob']").val();
			pwd = $("input[name='pwd']").val();
			if (phone_mob == '')
				layer.msg("{$Think.lang.account_not_null}");
			else if (pwd == '')
				layer.msg("{$Think.lang.password_not_null}");
			else {
				$("#loadingToast").show();
				$.ajax({
					type : 'post',
					url : "",
					dataType : "json",
					data : "phone_mob=" + phone_mob + "&pwd=" + pwd + "&captcha=" + $("input[name='captcha']").val(),
					success : function(res) {
						layer.msg(res.msg);
						fleshVerify();
						$("input[name='captcha']").val('');
						$("#loadingToast").hide();
						if (res.code == 99)
							window.location.href = res.url;
					}
				});
			}
		})
		isformnull();
	})
</script>
</head>
<body>
	<div class=" pd20">
		{include file="common/top_bar" /}
		{include file="common/lang" /}
		<div class='login-body'>
		    <div class=""><h1 data-v-15bd6196="" class="h1">{$Think.lang.welcome_login}</h1></div>
			<form id="login-form" class="form-horizontal" action="" method="post">
				<div class="register-main">
					<div class="ok-auth register-part-main ">
						<div>
							<div class="login-item-wrap">
								<div class="account-box false">
									<div class="ok-auth-item ">
										<div class="input-container">
										    <div>{$Think.lang.account}</div>
											<div class="input-box">
												<input type="text" name="phone_mob" class="input-text" value="" placeholder="{$Think.lang.input_account_tips}">
												<span class="quick-delete" data-enable=""></span>
											</div>
										</div>
										<span class="error-tips"></span>
									</div>
								</div>
								<div class="account-box false">
									<div class="input-container">
									    <div>{$Think.lang.pwd}</div>
										<div class="input-box">
											<input type="password" name="pwd" maxlength="33"  id="regPwd" class="input-text"   value="" placeholder="{$Think.lang.input_pwd_tips}">
										</div>
									</div>
								</div>
								<div class="flex align-center">
									<div class="account-box false">
										<div class="input-container flex align-center">
											<div class="input-box">
												<input type="text" name="captcha" maxlength="33"  id="captcha" class="input-text"   value="" placeholder="{$Think.lang.input_verify_code_tip}">
											</div>
										</div>
									</div>
									<div class="q-ml-md">
										<img id="verifyImg" src="{:url('captcha')}" class="pull-right" onClick="fleshVerify()" width="120" height="50">
									</div>
								</div>
								<div class="submit-btn-container">
									<button type="button" class="input-btn btnform okui-btn btn-md btn-fill-primary btn-disabled login-btn undefined">
										<span class="btn-content">
											<span>{$Think.lang.btn_login}</span>
										</span>
									</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</form>
			<div class="flex flex-between">
				<div class="pd20">
					<span data-v-119a013c="">{$Think.lang.dont_have_account}</span>
					<a href="{:url('signup')}" class='text-reg text-blue'>{$Think.lang.btn_reg}</a><br/><br/>
					<a href="{:url('forgot')}" class='text-reg text-blue'>{$Think.lang.btn_forgot}</a>
				</div>
			</div>
		</div>
	</div>
	{include file="common/footer" /}
</body>
</html>